@include entry(backdrop);
}
}
- &.horizontal block.discrete { margin: 0 1px; }
- &.vertical block.discrete { margin: 1px 0; }
- & block.filled {
+ &.horizontal.discrete block { margin: 0 1px; }
+ &.vertical.discrete block { margin: 1px 0; }
+ & block.filled.low {
+ border-color: darken($warning_color,10%);
+ background-color: $warning_color;
+ &:backdrop { border-color: $warning_color; };
+ }
+ & block.filled.high {
border-width: 1px;
border-style: solid;
border-color: darken($selected_bg_color,10%);
box-shadow: none;
}
}
- & block.level-high {
+ & block.filled.full {
border-color: darken($success_color,10%);
background-color: $success_color;
&:backdrop { border-color: $success_color; }
}
- & block.level-low {
- border-color: darken($warning_color,10%);
- background-color: $warning_color;
- &:backdrop { border-color: $warning_color; };
- }
& block.empty {
border-width: 1px;
border-style: solid;
color: #000;
background-image: linear-gradient(to bottom, #fff);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
-levelbar.horizontal block.discrete {
+levelbar.horizontal.discrete block {
margin: 0 1px; }
-levelbar.vertical block.discrete {
+levelbar.vertical.discrete block {
margin: 1px 0; }
-levelbar block.filled {
+levelbar block.filled.low {
+ border-color: #c26000;
+ background-color: #f57900; }
+ levelbar block.filled.low:backdrop {
+ border-color: #f57900; }
+levelbar block.filled.high {
border-width: 1px;
border-style: solid;
border-color: black;
background-color: #000;
box-shadow: 0 1px rgba(0, 0, 0, 0.1);
border-radius: 1px; }
- levelbar block.filled:backdrop {
+ levelbar block.filled.high:backdrop {
border-color: #000;
box-shadow: none; }
-levelbar block.level-high {
+levelbar block.filled.full {
border-color: #5aa411;
background-color: #73d216; }
- levelbar block.level-high:backdrop {
+ levelbar block.filled.full:backdrop {
border-color: #73d216; }
-levelbar block.level-low {
- border-color: #c26000;
- background-color: #f57900; }
- levelbar block.level-low:backdrop {
- border-color: #f57900; }
levelbar block.empty {
border-width: 1px;
border-style: solid;